<template>
	<view>
		<view class="menu">
			<view class="item">
				<image src="../../../static/classify.png"></image>
				<text>每日福利</text>
			</view>
			<view class="item">
				<image src="../../../static/classify.png"></image>
				<text>每日福利</text>
			</view>
			<view class="item">
				<image src="../../../static/classify.png"></image>
				<text>每日福利</text>
			</view>
			<view class="item">
				<image src="../../../static/classify.png"></image>
				<text>每日福利</text>
			</view>
		</view>
		
		<view class="menu2"></view>
	</view>
</template>

<script>
</script>

<style scoped>
	.menu {
		width: 750rpx;
		height: 200rpx;
		display: flex;
	}
	.item {
		flex: 1;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	image {
		width: 80rpx;
		height: 80rpx;
	}
	.menu2 {
		width: 750rpx;
		height: 300rpx;
		background-color: lightblue;
	}
</style>